import React from 'react';
import Hoc from './hoc';
import 'swiper/css/swiper.css';
import Css from "../../../assets/css/home/index/index.css";
export default Hoc((props)=>{
    let temSwiper=props.image;
    return(
            <div className={Css['indSwiper']}>
                <div className="swiper-wrapper">
                    {
                        temSwiper.map((item,index)=>{
                            return(
                                <div key={index} className="swiper-slide"><a href={item.webs}  rel="noopener noreferrer"> <img src={item.image} alt={item.title}  /></a> </div>
                            )
                        })
                    }
                </div>
                <div className={"swiper-pagination"}>
                </div>
            </div>

        )
});
